@import "../reset.scss";
@import "../common/common.scss";
@import "./element-rewrite.scss";

/* breadcrumb-transform */
.breadcrumb-enter-active {
  transition: all 0.2s;
}
.breadcrumb-enter-from,
.breadcrumb-leave-active {
  opacity: 0;
  transform: translateX(10px);
}

/* scroll bar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-button {
  display: none;
}

::-webkit-scrollbar-track {
  background-color: #568;
}

::-webkit-scrollbar-track-piece {
  background: #ddd;
}

::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #8e8e8e;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #3b3b3b;
}

::-webkit-scrollbar-corner {
  background-color: #535353;
}

::-webkit-scrollbar-resizer {
  background-color: #ff6e00;
}

/* nprogress */
#nprogress .bar {
  background: var(--el-color-primary) !important;
}
#nprogress .spinner-icon {
  border-top-color: var(--el-color-primary) !important;
  border-left-color: var(--el-color-primary) !important;
}
#nprogress .peg {
  box-shadow: 0 0 10px var(--el-color-primary), 0 0 5px var(--el-color-primary) !important;
}



/*解决作为微前端子应用的时候弹窗位置不对的问题*/
.is-from-wujie{
  /*body{
    position: relative;
  }
  .el-popper, .el-tooltip__popper{
    position: absolute!important;
  }*/
}
